﻿<phone:PhoneApplicationPage 
    x:Class="QuickTasks.Views.Help.HowToSetBackground"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
            xmlns:my="clr-namespace:Microsoft.Advertising.Mobile.UI;assembly=Microsoft.Advertising.Mobile.UI"

    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="696" d:DesignWidth="480"
    shell:SystemTray.IsVisible="True">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
            <TextBlock x:Name="ApplicationTitle" Text="QUICK TASKS - HOW TO SET BACKGROUND" Style="{StaticResource PhoneTextNormalStyle}"/>
        </StackPanel>
        <ScrollViewer Grid.Row="1">
            <!--ContentPanel - place additional content here-->
            <Grid  Margin="12,17,12,0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="118*" />
                  
                </Grid.RowDefinitions>
                <StackPanel Grid.Row="0" Orientation="Horizontal" Margin="0,0,0,0">
                    <TextBlock Text="1." Margin="10,0,10,0" FontSize="26"/>
                    <TextBlock Width="410" FontSize="26"
                 Text="Go to the locations section of the start page, click and hold on any location." TextWrapping="Wrap"/>
                </StackPanel>
                <StackPanel Grid.Row="1" Orientation="Horizontal" Margin="0,15,0,0">
                    <TextBlock Text="2." Margin="10,0,10,0" FontSize="26"/>
                    <TextBlock Width="410" FontSize="26"
                 Text="Select 'Change background' from the context menu. " TextWrapping="Wrap"/>
                </StackPanel>
                <StackPanel Grid.Row="2" Orientation="Horizontal" Margin="0,15,0,0">
                    <TextBlock Text="3." Margin="10,0,10,0" FontSize="26"/>
                    <TextBlock Width="410" FontSize="26"
                 Text="Select the background you like from the gallery, which is applied to the start page immediately. " TextWrapping="Wrap"/>
                </StackPanel>
                <StackPanel Grid.Row="3" Orientation="Horizontal" Margin="0,15,0,0">
                    <TextBlock Text="4." Margin="10,0,10,0" FontSize="26"/>
                    <TextBlock Width="410" FontSize="26"
                 Text="In order to apply custom background, click on the custom app bar icon. Phone picture library is displayed. Select the picture you like, which then takes you to background preview page. Pinch\slide the image to zoom\crop and get the part of the image you like to apply as the background. " TextWrapping="Wrap"/>
                </StackPanel>

            </Grid>
        </ScrollViewer>
        <StackPanel Name="adstackpanel" Grid.Row="2" VerticalAlignment="Bottom" Margin="-15,32,0,0"></StackPanel>

    </Grid>
 
    <!--Sample code showing usage of ApplicationBar-->
    <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/appbar.transport.play.rest.png" Text="you tube" Click="ApplicationBarIconButton_youtube_Click"/>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>

</phone:PhoneApplicationPage>
